<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基础资料</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/basicInfo.css">
    <link rel="stylesheet" href="css/bombs.css">
</head>
<body>
    <div class="container">
        <!-- 面包屑 -->
        <div class="top">
            <div class="top-title fl">
                <div>系统管理</div>
            </div>
            <ul class="top-list fr">
                <li class="active"><a href="basicInfo.html">基础资料</a></li>
                <li><a href="deviceMataince.html">设备维护</a></li>
                <li><a href="SMSrecord.html">短信记录</a></li>
                <li><a href="operationLog.html">操作日志</a></li>
                <li><a href="interactiveRecording.html">交互记录</a></li>
            </ul>
        </div>


        <div class="basicInfo-box">
            <!-- 控制器类型 -->
            <div class="controllerType fl">
                <!--控制器类型title-->
                <div class="controller-top">
                    <div class="controller-title fl">控制器类型</div>
                    <ul class="controller-handle fr">
                        <li class="add-btn fl">
                            <span class="handle-icon"></span>
                            新增
                        </li>
                        <li class="edit-btn fl">
                            <span class="handle-icon"></span>
                            编辑
                        </li>
                    </ul>
                </div>

                <!-- 搜索框 -->
                <div class="search-box">
                    <div class="search-input fl">
                        <span class="search-icon"></span>
                        <input type="text" placeholder="请输入控制器类型">
                    </div>
                    <a type="button" class="search-btn fl">搜索</a>
                </div>

                <!-- 单选框 -->
                <ul class="controllerTypeList">
                    <li>
                        <span class="radioStyle on"><input type="radio" id="radio1"></span>
                        <label for="radio1">星物联一体机控制器</label>
                    </li>
                    <li>
                        <span class="radioStyle"><input type="radio" id="radio2"></span>
                        <label for="radio2">普乐特控制器类型A</label>
                    </li>
                    <li>
                        <span class="radioStyle"><input type="radio" id="radio3"></span>
                        <label for="radio3">普乐特控制器类型B</label>
                    </li>
                    <li>
                        <span class="radioStyle"><input type="radio" id="radio4"></span>
                        <label for="radio4">普乐特控制器类型C</label>
                    </li>
                </ul>
            </div>

            <!-- 控制器参数列表 -->
            <div class="controllerParam fl">
                <!-- 控制器参数列表title -->
                <div class="controller-top">
                    <div class="controller-title">物联一体机控制器参数列表</div>
                </div>

                <!-- 搜索框 -->
                <div class="search-box">
                    <div class="search-input fl">
                        <span class="search-icon"></span>
                        <input type="text" placeholder="请输入要搜索的参数">
                    </div>
                    <a type="button" class="search-btn fl">搜索</a>
                    <a type="button" class="save-btn fr">保存</a>
                </div>


                <!-- 控制器参数列表tab -->
                <div class="controllerParam-con">
                    <!-- tab栏 -->
                    <div class="param-tab">
                        <ul>
                            <li class="active"><a href="#">运行</a></li>
                            <li><a href="#">保养</a></li>
                            <li><a href="#">用户</a></li>
                            <li><a href="#">厂家</a></li>
                            <li><a href="#">网络</a></li>
                            <li><a href="#">调试</a></li>
                            <li><a href="#">高级</a></li>
                            <li><a href="#">变频器</a></li>
                        </ul>
                    </div>

                    <!-- 参数列表内容 -->
                    <ul class="param-list">
                        <li>
                            <span class="checkboxStyle on_check"><input type="checkbox"></span>
                            <label class="checkboxLabel">主机变频器输出频率</label>
                        </li>
                        <li>
                            <span class="checkboxStyle"><input type="checkbox"></span>
                            <label class="checkboxLabel">主机变频器输出频率</label>
                        </li>
                        <li>
                            <span class="checkboxStyle"><input type="checkbox"></span>
                            <label class="checkboxLabel">主机变频器输出频率</label>
                        </li>
                        <li>
                            <span class="checkboxStyle on_check"><input type="checkbox"></span>
                            <label class="checkboxLabel">主机变频器输出频率</label>
                        </li>
                        <li>
                            <span class="checkboxStyle"><input type="checkbox"></span>
                            <label class="checkboxLabel">主机变频器输出频率</label>
                        </li>
                        <li>
                            <span class="checkboxStyle"><input type="checkbox"></span>
                            <label class="checkboxLabel">主机变频器输出频率</label>
                        </li>
                        <li>
                            <span class="checkboxStyle on_check"><input type="checkbox"></span>
                            <label class="checkboxLabel">主机变频器输出频率</label>
                        </li>
                    </ul>
                </div>
            </div>
        </div>


        <!-- 分页器 -->
        <div class="paging-bg">
            <div class="fl page-msg">
                <ul>
                    <li>总<span class="orange">1342</span>条</li>
                    <li>每页<span class="orange">10</span>条</li>
                    <li>共<span class="orange">135</span>页</li>
                </ul>
            </div>
            <div class="fr" id="pagination"></div>
        </div>
    </div>

    <!-- 弹框合集 -->
    <div class="bomb-boxs" id="bomb-boxs" style="display: none">
        <!-- 新增弹框 -->
        <div class="bomb addTypebomb">
            <div class="top">
                <div class="top-title fl">
                    <div>新增控制器类型</div>
                </div>
                <div class="close-btn fr">
                    <a class="close-icon"></a>
                </div>
            </div>

            <div class="addType-main">
                <div class="id-box">
                    <label>控制器ID：</label>
                    <input type="text" class="idInput">
                </div>
                <div class="type-box">
                    <label>控制器类型：</label>
                    <input type="text" class="typeInput">
                </div>
            </div>

            <div class="addType-btns">
                <a type="button" class="btn btn-submit active">确定</a>
                <a type="button" class="btn btn-quit">取消</a>
            </div>

        </div>

        <!-- 编辑弹框 -->
        <div class="bomb editTypebomb">
            <div class="top">
                <div class="top-title fl">
                    <div>编辑控制器类型</div>
                </div>
                <div class="close-btn fr">
                    <a class="close-icon"></a>
                </div>
            </div>

            <div class="addType-main">
                <div class="id-box">
                    <label>控制器ID：</label>
                    <input type="text" class="idInput">
                </div>
                <div class="type-box">
                    <label>控制器类型：</label>
                    <input type="text" class="typeInput">
                </div>
            </div>

            <div class="addType-btns">
                <a type="button" class="btn btn-submit active">确定</a>
                <a type="button" class="btn btn-quit">取消</a>
            </div>

        </div>

    </div>


    <script src="js/plugin/jquery.js"></script>
    <script src="js/plugin/laypage-v1.3/laypage/laypage.js"></script>
    <script src="js/pagination.js"></script>
    <script src="js/common.js"></script>
    <script src="js/bombs.js"></script>
    <script src="js/systemManage.js"></script>

    <!--[if lte IE 9]>
    <script src="js/plugin/jquery.placeholder.min.js"></script>
    <script src="js/placeholder.js"></script>
    <![endif]-->
</body>
</html>